<template>
  <div id="main">
    <v-header title="支付页面">
      <v-back></v-back>
    </v-header>
    <p class="number">订单编号：{{$route.query.a}}</p>
    <p class="price">￥<span>{{$route.query.b}}</span></p>
    <div class="pay">
      <p>请选择支付方式</p>
      <van-radio-group v-model="radio">
        <van-radio id="vrad" name="1" label-position='left' icon-size='16px'>支付宝支付</van-radio>
        <van-radio id="vrad" name="2" label-position='left' icon-size='16px'>微信支付</van-radio>
      </van-radio-group>
    </div>
    <van-button type="primary" block color='rgb(28,187,240)' round>确认支付</van-button>
  </div>
</template>

<script>
export default {
  created(){
    console.log(this.$route.query)
  },
  data() {
    return {
      radio: '1',
    };
  },
};
</script>

<style scoped>
#main{
  height: 100vh;
  background-color: #fff;
  overflow: hidden;
}
.number{
  font-size: .12rem;
  color: #ccc;
  text-align: center;
  margin-top: .3rem;
}
.price{
  font-size: .16rem;
  text-align: center;
  margin-top: .16rem;
}
.price span{
  font-size: .3rem;
}
.pay{
  padding: 0 .2rem;
}
.pay p{
  font-size: .14rem;
}
#vrad{
  font-size: .14rem !important;
}
</style>